
import type { RentTooth } from '#ui-colors/components';
<script setup>
const props = defineProps({
	scheme: Object,
})
const emit = defineEmits(["tooth"]);
function emitTooth(item) {
	if (item === undefined) {
		return;
	}
	if (item.length === 0) {
		return;
	}
	emit('tooth', item)

}
</script>
<template>
	<div class="grid grid-cols-4 text-center max-w-4xl items-center justify-center">
		<div>
			<RentTooth :ntooth="1" :itooth="scheme['1']" @tooth="emitTooth" />
		</div>
		<div>
			<RentTooth :ntooth="2" :itooth="scheme['2']" @tooth="emitTooth" />
		</div>
		<div>
			<RentTooth :ntooth="3" :itooth="scheme['3']" @tooth="emitTooth" />
		</div>
		<div>
			<RentTooth :ntooth="4" :itooth="scheme['4']" @tooth="emitTooth" />
		</div>
	</div>
</template>
